<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>登陆</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="../css/iconfont-web.css">
	<link rel="stylesheet" href="../css/daokes-web.css">
</head>

<body>
	<div class="login-bg po-r" style="height:100%;width:100%">
		<div style="height:465px;width:400px;left: 40%;top: 20%" class="border-1 bg-f pos-a">
			<div style="height:100px;line-height: 100px;box-shadow: 5px 5px 5px -3px #999999;" class="border-b-1 text-c">
				<img src="../images/logo.jpg" alt="" style="height:100%">
			</div>
			<!-- 用户名登陆 start -->
			<div class="display-">
				<!-- 用户名 start -->
				<div class="text-c" style="height:60px;line-height: 60px;margin: 10px 0;">
					<i class="iconfont icon-yonghu1 font30 color-6 vertical-a-m"></i>
					<div class="display-ib pos-r">
						<input type="text" class="border-1 ht40 l-ht40 color-6" placeholder="用户名" style="width:200px;border-radius: 8px;margin-left: 10px">
						<i class="iconfont icon-close pos-a color-6 font12 cursor-p" style="right:10;top:-10px"></i>
					</div>
				</div>
				<!-- 用户名 end -->
				<!-- 密码 start -->
				<div class="text-c" style="height:60px;line-height: 60px;margin: 10px 0">
					<i class="iconfont icon-mima1 font30 color-6 vertical-a-m"></i>
					<div class="pos-r display-ib">
						<input type="text" class="border-1 ht40 l-ht40 color-6" placeholder="密码" style="width:200px;border-radius: 8px;margin-left: 10px">
						<i class="iconfont icon-Group- pos-a font20 color-6 cursor-p" style="right:10px;top:-10px"></i>
					</div>
				</div>
				<!-- 密码 end -->
				<!-- 验证码 start -->
				<div class="text-c" style="height:60px;line-height: 60px;margin: 10px 0 30px 0">
					<i class="iconfont icon-yanzhengma font30 color-6 vertical-a-m"></i>
					<input type="text" class="border-1 ht40 l-ht40 color-6" placeholder="验证码" style="width:100px;border-radius: 8px;margin-left: 10px;margin-right: 20px"><img
					 src="../images/yzm.png" alt="" style="width:80px;height: 40px">
				</div>
				<!-- 验证码 end -->
				<!-- 登陆 start -->
				<div class="text-c" style="height:60px;line-height: 60px;">
					<input type="button" class="border-1 ht40 l-ht40 color-f cursor-p font14 bg-1b" style="width:100px;border-radius: 8px;"
					 value="登陆">
				</div>
				<!-- 登陆 end -->
				<!-- 其它登陆方式 start -->
				<div class="border-t-1" style="height:58px;line-height:58px">
					<div style="padding:0 20px">
						<span class="color-9 font16">其它登陆方式：</span>
						<i class="iconfont icon-wechat cursor-p color-9 font24"></i><span class="font16 color-9 cursor-p">微信</span>
						<i class="iconfont icon-tel cursor-p color-9 font24"></i><span class="font16 color-9 cursor-p">手机</span>
						<a href="" class="fr font16">找回密码？</a>
					</div>
				</div>
				<!-- 其它登陆方式 end -->
			</div>
			<!-- 用户名登陆 end -->
			<!-- 手机号登陆 start -->
			<div class="display-n">
				<!-- 手机号 start -->
				<div class="text-c" style="height:60px;line-height: 60px;margin: 10px 0;">
					<i class="iconfont icon-tel font30 color-6 vertical-a-m"></i>
					<div class="display-ib pos-r">
						<input type="text" class="border-1 ht40 l-ht40 color-6" placeholder="手机号" style="width:200px;border-radius: 8px;margin-left: 10px">
						<i class="iconfont icon-close pos-a color-6 font12 cursor-p" style="right:10;top:-10px"></i>
					</div>
				</div>
				<!-- 手机号 end -->
				<!-- 密码 start -->
				<div class="text-c" style="height:60px;line-height: 60px;margin: 10px 0">
					<i class="iconfont icon-mima1 font30 color-6 vertical-a-m"></i>
					<div class="pos-r display-ib">
						<input type="text" class="border-1 ht40 l-ht40 color-6" placeholder="密码" style="width:200px;border-radius: 8px;margin-left: 10px">
						<i class="iconfont icon-Group- pos-a font20 color-6 cursor-p" style="right:10px;top:-10px"></i>
					</div>
				</div>
				<!-- 密码 end -->
				<!-- 验证码 start -->
				<div class="text-c" style="height:60px;line-height: 60px;margin: 10px 0 30px 0">
					<i class="iconfont icon-yanzhengma font30 color-6 vertical-a-m"></i>
					<input type="text" class="border-1 ht40 l-ht40 color-6" placeholder="验证码" style="width:100px;border-radius: 8px;margin-left: 10px;margin-right: 20px"><img
					 src="../images/yzm.png" alt="" style="width:80px;height: 40px">
				</div>
				<!-- 验证码 end -->
				<!-- 登陆 start -->
				<div class="text-c" style="height:60px;line-height: 60px;">
					<input type="button" class="border-1 ht40 l-ht40 color-f cursor-p font14 bg-1b" style="width:100px;border-radius: 8px;"
					 value="登陆">
				</div>
				<!-- 登陆 end -->
				<!-- 其它登陆方式 start -->
				<div class="border-t-1" style="height:58px;line-height:58px">
					<div style="padding:0 20px">
						<span class="color-9 font16">其它登陆方式：</span>
						<i class="iconfont icon-wechat cursor-p color-9 font24"></i><span class="font16 color-9 cursor-p">微信</span>
						<i class="iconfont icon-yonghu1 cursor-p color-9 font24"></i><span class="font16 color-9 cursor-p">用户名</span>
						<a href="" class="fr font16">找回密码？</a>
					</div>
				</div>
				<!-- 其它登陆方式 end -->
			</div>
			<!-- 手机号 end -->
		</div>
	</div>
	<!--微信登陆-start-->
	<div class="pos-f display-n" style="z-index:99; height:100%;width:100%;top:0;left:0;background: rgba(0,0,0,1);">
		<div class="pos-f radius-4 overflow-h" style="margin-left:-200px;top:25%;left:56%;">
			<div>
				<div class="font26 fb color-f text-c" style="margin-bottom: 30px">微信登陆</div>
				<img src="../images/weixin.png" alt="">
				<div class="text-c color-f" style="margin-top:20px;">
					<div>请使用二维码登陆</div>
					<div>"河南中医药大学考试管理系统"</div>
				</div>
			</div>
		</div>
	</div>
	<!--微信登陆-end-->
	<!--微信登陆提示-start-->
	<div class="bg-black-rgba3 pos-f display-n" style="z-index:99; height:100%;width:100%;top:0;left:0;">
		<div class="pos-f radius-4 overflow-h" style="margin-left:-200px;top:35%;left:52%;">
			<div class="border-1 bg-e font20" style="height:100px;width:300px;color: red;white-space: normal;padding: 20px">
				此微信账号没有与用户绑定，请绑定之后再进行登陆！！！
			</div>
		</div>
	</div>
	<!--微信登陆提示 -end-->
</body>

</html>